<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 1 显示js第几行报错
        //    1.1   is not defined         没有声明这个变量   （作用域不够）
        //    1.2   res.forEach is not a function     res 不是一个数组

        // const a = 1;
        // a++;           // 1.3   assignment to constant variable.   修改了const声明的变量的值

        // let a = 3;    // 1.4    Identifier 'a' has already been declared   早已经被声明过了  重复命名


        // 
        const oDiv = document.querySelector('div');

        console.log(oDiv.innerHTML);    // 1.5   Cannot read properties of null (reading 'innerHTML')   标签没有获取到



        // 2 JSON报错   
        //     后端返回的不是json文件
        //          network  看请求
        //             response!!!!!!!!!!!!!!!!!!!!!!


        //    前端数据有误
        //         network  对接口文件  ($_GET后面的字段必须一致)


    </script>

</body>

</html>